<template>
  <div class="evidence-wrapper">
    <div class="evidence-wrap">
      <div class="evidence-content">
        <div class="evidence-body" />
        <!-- <el-tabs type="border-card"> -->
        <!-- <el-tab-pane label="复审证据" @tab-click="clearAllSerachData"> -->
        <div class="evidence-body">
          <el-form
            ref="form"
            :model="form"
            label-width="164px"
          >

            <div class="evidence-filter">
              <div class="evidence-filter-title">检索表达式</div>
              <div class="evidence-filter-tips">
                <LegalPaneExpression :expression-res="expressionRes" />
                <!-- <div class="evidence-filter-tips-text"><strong>表达式：</strong>{(证明目的 like ' % A202 % ') or (证明目的 like ' % A5 % ')}</div> -->
                <!-- <div class="evidence-filter-tips-edit"> -->
                <!-- <i class="fa fa-pencil-square-o" /><span>编辑</span> -->
                <!-- </div> -->
              </div>
              <div class="evidence-filter-params">
                <div class="evidence-filter-params-t">
                  <div class="evidence-filter-params-label">证据名称</div>
                  <el-autocomplete
                    v-model="state"
                    :fetch-suggestions="querySearchAsync"
                    placeholder="关键词用“空格”分隔，不同关键词之间为“和”关系"
                    @select="handleSelect"
                  />
                  <el-button
                    size="medium"
                    type="primary"
                  >
                    <i class="fa fa-search" />检索
                  </el-button>
                </div>
              </div>
            </div>
            <div class="evidence-main">
              <el-row :gutter="24">
                <el-col :span="10">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据</span><span
                        :class="['evidence-main-title-r',{'is-active':expandAll11}]"
                        @click="onExpand('expandAll11','useEvidenceRef,evidenceStageRefF')"
                      >{{ expandAll11?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据提交方：</div>
                        <div class="evidence-main-form-item-con">
                          <el-checkbox-group v-model="checkListF" @change="evidenceF">
                            <el-checkbox label="请求人">请求人</el-checkbox>
                            <el-checkbox label="前审审查员">前审审查员</el-checkbox>
                            <el-checkbox label="会议组">会议组</el-checkbox>
                          </el-checkbox-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据和反证是否用于证明本申请优先权：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="lawAndUnlawRadioF" @change="evidenceF">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据和反证是否涉及优先权的争议：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="lawAndUnlawYXRadioF" @change="evidenceF">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据三性认定结论：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="evidence3RadioF" @change="evidenceF">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                            <el-radio :label="2">未发表意见</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据归属地：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="evidenceSpaceRadioF" @change="evidenceF">
                            <el-radio :label="1">国内</el-radio>
                            <el-radio :label="0">国外、港澳台地区</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label evidence-nofloat">证据使用情况：</div>
                        <div class="evidence-main-form-item-conner">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '98px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="evidenceUseEvidenceRefF"
                              :props="props"
                              :data="evidenceUseEvidence"
                              node-key="id"
                              show-checkbox
                              @check="handleCheckChangeEvidenceUseF"
                            />
                          </el-card>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label evidence-nofloat">证据阶段：</div>
                        <div class="evidence-main-form-item-conner">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '130px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="evidenceStageRefF"
                              :props="props"
                              node-key="id"
                              :data="evidenceStage"
                              show-checkbox
                              @check="handleCheckChangeEvidenceF"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
                <el-col :span="6">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据分类</span><span
                        :class="['evidence-main-title-r',{'is-active':expandAll12}]"
                        @click="onExpand('expandAll12','lawStyleViewDataRefF')"
                      >{{ expandAll12?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '482px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="lawStyleViewDataRefF"
                              :props="props"
                              :data="lawStyleViewData"
                              node-key="id"
                              show-checkbox
                              @check="handleNodeClickLawStyleViewF()"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据的证明目的（对应法条）</span><span
                        :class="['evidence-main-title-r',{'is-active':expandAll13}]"
                        @click="onExpand('expandAll13','purposeEvidenceRefF')"
                      >{{ expandAll13?'全部收缩':'全部展开' }}<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '482px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="purposeEvidenceRefF"
                              :props="props"
                              :data="purposeEvidence"
                              show-checkbox
                              node-key="id"
                              @check="handleCheckChangePurposeEvidenceF"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
              </el-row>
            </div>
            <!-- <div class="evidence-filter-title">著录项</div>
                <div class="evidence-item">
                  <div class="evidence-form">
                    <el-row :gutter="16">
                      <el-col :span="12">
                        <el-form-item label="主分类号：">
                          <el-input
                            v-model="form.mainStyleNo"
                            placeholder="例如：分类号"
                          />
                        </el-form-item>
                        <el-form-item label="案源处室：">
                          <el-input
                            v-model="form.lawRoom"
                            placeholder="例如：处室"
                          />
                        </el-form-item>
                        <el-form-item label="决定日：">
                          <el-date-picker
                            v-model="form.date"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          />
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="申请日：">
                          <el-date-picker
                            v-model="form.appDate"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          />
                        </el-form-item>
                        <el-form-item label="全文关键字：">
                          <el-input
                            v-model="form.name"
                            placeholder="例如：关键字"
                          />
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </div>
                </div> -->
            <!-- <el-form-item class="evidence-submit-btn">
              <el-button type="primary" @click="onSubmit"><i class="fa fa-search" />检索</el-button>
              <el-button @click="clearAllSerachData()"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
            </el-form-item> -->

          </el-form>
        </div>
        <!-- </el-tab-pane> -->
        <!-- <el-tab-pane label="无效证据" @tab-click="clearAllSerachData"> -->
        <div class="evidence-body">
          <el-form
            ref="form"
            :model="form"
            label-width="164px"
          >

            <div class="evidence-filter">
              <div class="evidence-filter-title">检索表达式</div>
              <div class="evidence-filter-tips">
                <div class="evidence-filter-tips-text"><strong>表达式：</strong>{(证明目的 like ' % A202 % ') or (证明目的 like ' % A5 % ')}</div>
                <div class="evidence-filter-tips-edit">
                  <i class="fa fa-pencil-square-o" /><span>编辑</span>
                </div>
              </div>
              <div class="evidence-filter-params">
                <div class="evidence-filter-params-t">
                  <div class="evidence-filter-params-label">证据名称</div>
                  <el-autocomplete
                    v-model="state"
                    :fetch-suggestions="querySearchAsync"
                    placeholder="关键词用“空格”分隔，不同关键词之间为“和”关系"
                    @select="handleSelect"
                  />
                  <el-button
                    size="medium"
                    type="primary"
                  >
                    <i class="fa fa-search" />检索
                  </el-button>
                </div>
              </div>
            </div>
            <div class="evidence-main">
              <el-row :gutter="24">
                <el-col :span="7">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据提交方：</div>
                        <div class="evidence-main-form-item-con">
                          <el-checkbox-group v-model="checkList">
                            <el-checkbox label="请求人">请求人</el-checkbox>
                            <el-checkbox label="前审审查员">前审审查员</el-checkbox>
                            <el-checkbox label="会议组">会议组</el-checkbox>
                          </el-checkbox-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据和反证是否用于证明本申请优先权：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="lawAndUnlawRadio">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据和反证是否涉及优先权的争议：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="lawAndUnlawYXRadio">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据三性认定结论：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="evidence3Radio">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                            <el-radio :label="2">未发表意见</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据归属地：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="evidenceSpaceRadio">
                            <el-radio :label="1">国内</el-radio>
                            <el-radio :label="0">国外、港澳台地区</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label evidence-nofloat">证据使用情况：</div>
                        <div class="evidence-main-form-item-conner">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '98px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="evidenceUseEvidenceRef"
                              :props="props"
                              :data="evidenceUseEvidence"
                              show-checkbox
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label evidence-nofloat">证据阶段：</div>
                        <div class="evidence-main-form-item-conner">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '130px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="evidenceUseEvidenceWxzjRef"
                              :props="props"
                              :data="evidenceUseEvidenceWxzj"
                              show-checkbox
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>

                <!-- DLJ MODIFY START -->
                <el-col :span="6">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据三性认定结论</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '482px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="evidenceThreeReultListRef"
                              :props="props"
                              :data="evidenceThreeReultList"
                              show-checkbox
                              node-key="id"
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
                <!-- DLJ MODIFY END -->

                <el-col :span="5">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据分类</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '482px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="lawStyleViewDataRef"
                              :props="props"
                              :data="lawStyleViewData"
                              show-checkbox
                              node-key="id"
                              @check="handleNodeClick()"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
                <el-col :span="5">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据的证明目的</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '482px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="purposeEvidenceRef"
                              :props="props"
                              :data="purposeEvidence"
                              show-checkbox
                              node-key="id"
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
              </el-row>
            </div>
            <!-- <div class="evidence-filter-title">著录项</div>
                <div class="evidence-item">
                  <div class="evidence-form">
                    <el-row :gutter="24">
                      <el-col :span="12">
                        <el-form-item label="主分类号：">
                          <el-input
                            v-model="form.mainStyleNo"
                            placeholder="例如：分类号"
                          />
                        </el-form-item>
                        <el-form-item label="案源处室：">
                          <el-input
                            v-model="form.lawRoom"
                            placeholder="例如：处室"
                          />
                        </el-form-item>
                        <el-form-item label="决定日：">
                          <el-date-picker
                            v-model="form.date"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          />
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="申请日：">
                          <el-date-picker
                            v-model="form.appDate"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          />
                        </el-form-item>
                        <el-form-item label="全文关键字：">
                          <el-input
                            v-model="form.name"
                            placeholder="例如：关键字"
                          />
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </div>
                </div> -->
            <el-form-item class="evidence-submit-btn">
              <el-button
                type="primary"
                @click="onSubmit"
              ><i class="fa fa-search" />检索</el-button>
              <el-button @click="clearAllSerachData()"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
            </el-form-item>

          </el-form>
        </div>
        <!-- </el-tab-pane> -->
        <!-- <el-tab-pane label="外观证据" @tab-click="clearAllSerachData"> -->
        <div class="evidence-body">
          <el-form
            ref="form"
            :model="form"
            label-width="164px"
          >

            <div class="evidence-filter">
              <div class="evidence-filter-title">检索表达式</div>
              <div class="evidence-filter-tips">
                <div class="evidence-filter-tips-text"><strong>表达式：</strong>{(证明目的 like ' % A202 % ') or (证明目的 like ' % A5 % ')}</div>
                <div class="evidence-filter-tips-edit">
                  <i class="fa fa-pencil-square-o" /><span>编辑</span>
                </div>
              </div>
              <div class="evidence-filter-params">
                <div class="evidence-filter-params-t">
                  <div class="evidence-filter-params-label">证据名称</div>
                  <el-autocomplete
                    v-model="state"
                    :fetch-suggestions="querySearchAsync"
                    placeholder="关键词用“空格”分隔，不同关键词之间为“和”关系"
                    @select="handleSelect"
                  />
                  <el-button
                    size="medium"
                    type="primary"
                  >
                    <i class="fa fa-search" />检索
                  </el-button>
                </div>
              </div>
            </div>
            <div class="evidence-main">
              <el-row :gutter="24">
                <el-col :span="10">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据提交方：</div>
                        <div class="evidence-main-form-item-con">
                          <el-checkbox-group v-model="checkList">
                            <el-checkbox label="请求人">请求人</el-checkbox>
                            <el-checkbox label="前审审查员">前审审查员</el-checkbox>
                            <el-checkbox label="会议组">会议组</el-checkbox>
                          </el-checkbox-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据和反证是否用于证明本申请优先权：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="lawAndUnlawRadio">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据和反证是否涉及优先权的争议：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="lawAndUnlawYXRadio">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据三性认定结论：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="evidence3Radio">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                            <el-radio :label="2">未发表意见</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据归属地：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="evidenceSpaceRadio">
                            <el-radio :label="1">国内</el-radio>
                            <el-radio :label="0">国外、港澳台地区</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label evidence-nofloat">证据使用情况：</div>
                        <div class="evidence-main-form-item-conner">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '98px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="evidenceUseEvidenceRef"
                              :props="props"
                              :data="evidenceUseEvidence"
                              show-checkbox
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label evidence-nofloat">证据提出阶段：</div>
                        <div class="evidence-main-form-item-conner">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '130px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="evidenceStageWgzjRef"
                              :props="props"
                              :data="evidenceStageWgzj"
                              show-checkbox
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
                <el-col :span="6">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据三性认定结论</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '482px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="evidenceThreeReultListRef"
                              :props="props"
                              :data="evidenceThreeReultList"
                              show-checkbox
                              node-key="id"
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据的证明目的（对应法条）</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '482px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="purposeEvidenceRef"
                              :props="props"
                              :data="purposeEvidence"
                              show-checkbox
                              node-key="id"
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
              </el-row>
            </div>
            <!-- <div class="evidence-filter-title">著录项</div>
                <div class="evidence-item">
                  <div class="evidence-form">
                    <el-row :gutter="24">
                      <el-col :span="12">
                        <el-form-item label="主分类号：">
                          <el-input
                            v-model="form.mainStyleNo"
                            placeholder="例如：分类号"
                          />
                        </el-form-item>
                        <el-form-item label="案源处室：">
                          <el-input
                            v-model="form.lawRoom"
                            placeholder="例如：处室"
                          />
                        </el-form-item>
                        <el-form-item label="决定日：">
                          <el-date-picker
                            v-model="form.date"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          />
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="申请日：">
                          <el-date-picker
                            v-model="form.appDate"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          />
                        </el-form-item>
                        <el-form-item label="全文关键字：">
                          <el-input
                            v-model="form.name"
                            placeholder="例如：关键字"
                          />
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </div>
                </div> -->
            <el-form-item class="evidence-submit-btn">
              <el-button
                type="primary"
                @click="onSubmit"
              ><i class="fa fa-search" />检索</el-button>
              <el-button @click="clearAllSerachData()"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
            </el-form-item>

          </el-form>
        </div>
        <!-- </el-tab-pane> -->
        <!-- <el-tab-pane label="司法判决证据" @tab-click="clearAllSerachData"> -->
        <div class="evidence-body">
          <el-form
            ref="form"
            :model="form"
            label-width="164px"
          >

            <div class="evidence-filter">
              <div class="evidence-filter-title">检索表达式</div>
              <div class="evidence-filter-tips">
                <div class="evidence-filter-tips-text"><strong>表达式：</strong>{(证明目的 like ' % A202 % ') or (证明目的 like ' % A5 % ')}</div>
                <div class="evidence-filter-tips-edit">
                  <i class="fa fa-pencil-square-o" /><span>编辑</span>
                </div>
              </div>
              <div class="evidence-filter-params">
                <div class="evidence-filter-params-t">
                  <div class="evidence-filter-params-label">证据名称</div>
                  <el-autocomplete
                    v-model="state"
                    :fetch-suggestions="querySearchAsync"
                    placeholder="关键词用“空格”分隔，不同关键词之间为“和”关系"
                    @select="handleSelect"
                  />
                  <el-button
                    size="medium"
                    type="primary"
                  >
                    <i class="fa fa-search" />检索
                  </el-button>
                </div>
              </div>
            </div>
            <div class="evidence-main">
              <el-row :gutter="24">
                <el-col :span="10">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据提交方：</div>
                        <div class="evidence-main-form-item-con">
                          <el-checkbox-group v-model="checkList">
                            <el-checkbox label="原告/上诉人/申诉人">原告/上诉人/申诉人</el-checkbox>
                            <el-checkbox label="法院依职权引入">法院依职权引入</el-checkbox>
                            <el-checkbox label="被告/被上诉人/被申诉人">被告/被上诉人/被申诉人</el-checkbox>
                            <el-checkbox label="第三人">第三人</el-checkbox>
                          </el-checkbox-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">是否涉及译文准确性：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="isReadWordTrue">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据和反证是否涉及优先权的争议：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="lawAndUnlawYXRadio">
                            <el-radio :label="1">是</el-radio>
                            <el-radio :label="0">否</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label">证据归属地：</div>
                        <div class="evidence-main-form-item-con">
                          <el-radio-group v-model="evidenceSpaceRadio">
                            <el-radio :label="1">国内</el-radio>
                            <el-radio :label="0">国外、港澳台地区</el-radio>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label evidence-nofloat">证据使用情况：</div>
                        <div class="evidence-main-form-item-conner">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '98px', overflow: 'auto' }"
                          >
                            <el-tree
                              :props="props"
                              :data="useEvidence"
                              show-checkbox
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-label evidence-nofloat">证据三性认定结论：</div>
                        <div class="evidence-main-form-item-conner">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '130px', overflow: 'auto' }"
                          >
                            <el-tree
                              :props="props"
                              :data="evidenceThreeReult"
                              show-checkbox
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
                <el-col :span="6">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据分类</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '482px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="lawStyleViewDataRef"
                              :props="props"
                              :data="lawStyleViewData"
                              show-checkbox
                              node-key="id"
                              @check="handleNodeClick('lawStyleViewDataRef')"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
                <el-col :span="8">
                  <div class="evidence-main-item">
                    <div class="evidence-main-title">
                      <span class="evidence-main-title-l">证据的证明目的（对应法条）</span><span class="evidence-main-title-r">全部展开<i class="fa fa-angle-double-down" /></span>
                    </div>
                    <div class="evidence-main-form">
                      <div class="evidence-main-form-item">
                        <div class="evidence-main-form-item-conner evidence-main-form-item-content">
                          <el-card
                            class="legal-pane__card"
                            shadow="never"
                            :body-style="{ height: '482px', overflow: 'auto' }"
                          >
                            <el-tree
                              ref="purposeEvidenceRef"
                              :props="props"
                              :data="purposeEvidence"
                              show-checkbox
                              node-key="id"
                              @check-change="handleCheckChange"
                            />
                          </el-card>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-col>
              </el-row>
            </div>
            <!-- <div class="evidence-filter-title">著录项</div>
                <div class="evidence-item">
                  <div class="evidence-form">
                    <el-row :gutter="24">
                      <el-col :span="12">
                        <el-form-item label="主分类号：">
                          <el-input
                            v-model="form.mainStyleNo"
                            placeholder="例如：分类号"
                          />
                        </el-form-item>
                        <el-form-item label="案源处室：">
                          <el-input
                            v-model="form.lawRoom"
                            placeholder="例如：处室"
                          />
                        </el-form-item>
                        <el-form-item label="决定日：">
                          <el-date-picker
                            v-model="form.date"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          />
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="申请日：">
                          <el-date-picker
                            v-model="form.appDate"
                            type="daterange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          />
                        </el-form-item>
                        <el-form-item label="全文关键字：">
                          <el-input
                            v-model="form.name"
                            placeholder="例如：关键字"
                          />
                        </el-form-item>
                      </el-col>
                    </el-row>
                  </div>
                </div>
                <el-form-item class="evidence-submit-btn">
                  <el-button
                    type="primary"
                    @click="onSubmit"
                  ><i class="fa fa-search" />检索</el-button>
                  <el-button @click="clearAllSerachData()"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
                </el-form-item> -->
          </el-form>
        </div>
        <!-- </el-tab-pane> -->
        <!-- </el-tabs> -->
        <div class="evidence-filter-title">著录项</div>
        <el-form class="legal-pane__form" :model="form" label-width="120px" inline>
          <div class="evidence-item">
            <div class="evidence-form">
              <el-row :gutter="24">
                <el-col :span="12">
                  <el-form-item label="主分类号：">
                    <el-input
                      v-model="form.mainStyleNo"
                      placeholder="例如：分类号"
                    />
                  </el-form-item>
                  <el-form-item label="案源处室：">
                    <el-input
                      v-model="form.lawRoom"
                      placeholder="例如：处室"
                    />
                  </el-form-item>
                  <el-form-item label="决定日：">
                    <el-date-picker
                      v-model="form.date"
                      type="daterange"
                      range-separator="至"
                      start-placeholder="开始日期"
                      end-placeholder="结束日期"
                    />
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="申请日：">
                    <el-date-picker
                      v-model="form.appDate"
                      type="daterange"
                      range-separator="至"
                      start-placeholder="开始日期"
                      end-placeholder="结束日期"
                    />
                  </el-form-item>
                  <el-form-item label="全文关键字：">
                    <el-input
                      v-model="form.name"
                      placeholder="例如：关键字"
                    />
                  </el-form-item>
                </el-col>
              </el-row>
            </div>
          </div>
          <el-form-item class="evidence-submit-btn">
            <el-button
              type="primary"
              @click="onSubmit"
            ><i class="fa fa-search" />检索</el-button>
            <el-button @click="clearAllSerachData()"><i class="fa fa-trash-o" />清除全部检索条件</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script>
// whm增加事件开始
import LegalPaneExpression from '@components/common/legal-pane-expression'
export default {
  // whm增加事件开始
  components: { LegalPaneExpression },
  props: {
    paneName: {
      type: String,
      default: 'recheck'
    }
  },
  // whm增加事件结束
  data() {
    return {
      // 搜索
      restaurants: [],
      state: '',
      timeout: null,
      // whm开始
      checkList: '', // 证据提交方：
      lawAndUnlawRadio: '', // 证据和反证是否用于证明本申请优先权
      lawAndUnlawYXRadio: '', // 证据和反证是否涉及优先权的争议
      evidenceStageRef: '', // [证据阶段]REF
      evidenceSpaceRadio: '', // 证据归属地
      evidence3Radio: '', // 证据三性认定结论

      checkListF: [], // 复审证据  证据提交方：
      lawAndUnlawRadioF: '', // 复审证据  证据和反证是否用于证明本申请优先权
      lawAndUnlawYXRadioF: '', // 复审证据 证据和反证是否涉及优先权的争议
      evidenceStageRefF: '', // 复审证据 [证据阶段]REF
      evidenceSpaceRadioF: '', // 复审证据  证据归属地
      evidence3RadioF: '', // 复审证据 证据三性认定结论
      // whmend

      // DLJ MODIFY START
      isReadWordTrue: '', // 是否涉及译文准确性
      useEvidenceRef: '', // [证据使用情况（证据检索-司法判决）]REF
      evidenceUseEvidenceRef: '', // [证据使用情况（证据检索-复审,证据检索-无效,证据检索-外观）]REF
      evidenceUseEvidenceWxzjRef: '', // [证据阶段（证据检索-无效）]REF
      lawStyleViewDataRef: '', // [证据分类]REF
      evidenceThreeReultListRef: '', // [证据三性认定结论]REF
      purposeEvidenceRef: '', // [证据的证明目的（对应法条）]REF
      evidenceStageWgzjRef: '', // [证据的证明目的（对应法条）]REF

      // DLJ MODIFY END
      // 树状图
      props: {
        label: 'label',
        children: 'children'
      },
      data: [{
        label: '一级 1',
        children: [{
          label: '二级 1-1',
          children: [{
            label: '三级 1-1-1'
          }]
        }]
      }, {
        label: '一级 2',
        children: [{
          label: '二级 2-1',
          children: [{
            label: '三级 2-1-1'
          }]
        }, {
          label: '二级 2-2',
          children: [{
            label: '三级 2-2-1'
          }]
        }]
      }, {
        label: '一级 3',
        children: [{
          label: '二级 3-1',
          children: [{
            label: '三级 3-1-1'
          }]
        }, {
          label: '二级 3-2',
          children: [{
            label: '三级 3-2-1'
          }]
        }]
      },
      {
        label: '一级 4',
        children: [{
          label: '二级 4-1',
          children: [{
            label: '三级 4-1-1'
          }]
        }, {
          label: '二级 4-2',
          children: [{
            label: '三级 4-2-1'
          }]
        }]
      }, {
        label: '一级 5',
        children: [{
          label: '二级 5-1',
          children: [{
            label: '三级 5-1-1'
          }]
        }, {
          label: '二级 5-2',
          children: [{
            label: '三级 5-2-1'
          }]
        }]
      }],
      count: 1,

      // DLJ MODIFY START
      evidenceStageInvalid:
   [
     {
       'id': '1',
       'label': '授权阶段',
       'children': [
         {
           'id': '11',
           'label': '国际检索报告【当PCT申请为是】'
         },
         {
           'id': '12',
           'label': '检索报告'
         },
         {
           'id': '13',
           'label': '实质审查通知书'
         },
         {
           'id': '14',
           'label': '答复审查通知书【选择条件】'
         }
       ]
     },
     {
       'id': '2',
       'label': '无效阶段',
       'children': [
         {
           'id': '21',
           'label': '复审委员会',
           'children': [
             {
               'id': '211',
               'label': '无效审查意见通知书'
             },
             {
               'id': '212',
               'label': '口头审理过程中'
             },
             {
               'id': '213',
               'label': '无效决定'
             },
             {
               'id': '214',
               'label': '其他'
             }
           ]
         },
         {
           'id': '22',
           'label': '专利权人',
           'children': [
             {
               'id': '221',
               'label': '答复受理通知书'
             },
             {
               'id': '222',
               'label': '答复转送文件通知书'
             },
             {
               'id': '223',
               'label': '口头审理过程中'
             },
             {
               'id': '224',
               'label': '口头审理后'
             },
             {
               'id': '225',
               'label': '其他'
             },
             {
               'id': '226',
               'label': '整个无效过程'
             }
           ]
         },
         {
           'id': '23',
           'label': '请求人',
           'children': [
             {
               'id': '231',
               'label': '请求人提出无效请求'
             },
             {
               'id': '232',
               'label': '一个月内补充意见'
             },
             {
               'id': '233',
               'label': '答复转送文件通知书'
             },
             {
               'id': '234',
               'label': '口头审理过程中'
             },
             {
               'id': '235',
               'label': '口头审理后'
             },
             {
               'id': '236',
               'label': '其他'
             },
             {
               'id': '237',
               'label': '整个无效过程'
             }
           ]
         }
       ]
     }
   ],
      evidenceStage:
    [
      {
        'id': '1',
        'label': '国际检索报告'
      },
      {
        'id': '2',
        'label': '检索报告'
      },
      {
        'id': '3',
        'label': '实质审查通知书'
      },
      {
        'id': '4',
        'label': '答复审查通知书'
      },
      {
        'id': '5',
        'label': '驳回决定',
        'children': [
          {
            'id': '51',
            'label': '决定理由'
          },
          {
            'id': '52',
            'label': '其他说明'
          }
        ]
      },
      {
        'id': '6',
        'label': '请求人提出复审请求'
      },
      {
        'id': '7',
        'label': '前置审查意见'
      },
      {
        'id': '8',
        'label': '复审通知书'
      },
      {
        'id': '9',
        'label': '答复复审通知书'
      },
      {
        'id': '10',
        'label': '复审决定'
      }
    ],
      evidenceThreeReult:
    [
      {
        'id': '1',
        'label': '真实性是否成立',
        'children': [
          {
            'id': '11',
            'label': '是'
          },
          {
            'id': '12',
            'label': '否'
          }
        ]
      },
      {
        'id': '2',
        'label': '公开性是否成立',
        'children': [
          {
            'id': '21',
            'label': '是'
          },
          {
            'id': '22',
            'label': '否'
          }
        ]
      },
      {
        'id': '3',
        'label': '关联性是否成立',
        'children': [
          {
            'id': '31',
            'label': '是'
          },
          {
            'id': '32',
            'label': '否'
          }
        ]
      }
    ],
      evidenceThreeReultList:
    [
      {
        'id': '1',
        'label': '真实性',
        'children': [
          {
            'id': '11',
            'label': '是否成立',
            'children': [
              {
                'id': '111',
                'label': '是'
              },
              {
                'id': '112',
                'label': '否'
              }
            ]
          },
          {
            'id': '12',
            'label': '有无异议',
            'children': [
              {
                'id': '121',
                'label': '有'
              },
              {
                'id': '122',
                'label': '无'
              }
            ]
          }
        ]
      },
      {
        'id': '2',
        'label': '公开性',
        'children': [
          {
            'id': '21',
            'label': '是否成立',
            'children': [
              {
                'id': '211',
                'label': '是'
              },
              {
                'id': '212',
                'label': '否'
              }
            ]
          },
          {
            'id': '22',
            'label': '有无异议',
            'children': [
              {
                'id': '221',
                'label': '有'
              },
              {
                'id': '222',
                'label': '无'
              }
            ]
          }
        ]
      },
      {
        'id': '3',
        'label': '关联性',
        'children': [
          {
            'id': '31',
            'label': '是否成立',
            'children': [
              {
                'id': '311',
                'label': '是'
              },
              {
                'id': '312',
                'label': '否'
              }
            ]
          },
          {
            'id': '32',
            'label': '有无异议',
            'children': [
              {
                'id': '321',
                'label': '有'
              },
              {
                'id': '322',
                'label': '无'
              }
            ]
          }
        ]
      },
      {
        'id': '4',
        'label': '未认定三性评述内容',
        'children': [
          {
            'id': '41',
            'label': '是'
          },
          {
            'id': '42',
            'label': '否'
          }
        ]
      },
      {
        'id': '5',
        'label': '认定证据',
        'children': [
          {
            'id': '51',
            'label': '提交或出示原件或视同原件的文件'
          },
          {
            'id': '52',
            'label': '公证认证'
          },
          {
            'id': '53',
            'label': '当庭演示网络检索过程'
          },
          {
            'id': '54',
            'label': '提交反证'
          },
          {
            'id': '55',
            'label': '利害关系'
          },
          {
            'id': '56',
            'label': '其他'
          }
        ]
      }
    ],
      evidenceUseEvidence:
    [
      {
        'id': '1',
        'label': '决定理由部分提及',
        'children': [
          {
            'id': '11',
            'label': '能使用'
          },
          {
            'id': '12',
            'label': '不能使用'
          }
        ]
      },
      {
        'id': '2',
        'label': '决定理由部分未提及',
        'children': [
          {
            'id': '21',
            'label': '复通部分提及'
          },
          {
            'id': '22',
            'label': '复通部分未提及'
          }
        ]
      },
      {
        'id': '3',
        'label': '当事人放弃',
        'children': [
          {
            'id': '21',
            'label': '全部'
          },
          {
            'id': '22',
            'label': '部分'
          }
        ]
      }
    ],
      evidenceUseEvidenceWxzj:
[
  {
    'id': '1',
    'label': '授权阶段',
    'children': [
      {
        'id': '11',
        'label': '国际检索报告',
        'children': [
          {
            'id': '112',
            'label': '当PCT申请为是'
          }
        ]
      },
      {
        'id': '12',
        'label': '检索报告'
      },
      {
        'id': '13',
        'label': '实质审查通知书'
      },
      {
        'id': '14',
        'label': '答复审查通知书',
        'children': [
          {
            'id': '141',
            'label': '选择条件'
          }
        ]
      }
    ]
  },
  {
    'id': '2',
    'label': '无效阶段',
    'children': [
      {
        'id': '21',
        'label': '复审委员会',
        'children': [
          {
            'id': '211',
            'label': '无效审查意见通知书'
          },
          {
            'id': '212',
            'label': '口头审理过程中'
          },
          {
            'id': '213',
            'label': '无效决定'
          },
          {
            'id': '214',
            'label': '其他'
          }
        ]
      },
      {
        'id': '22',
        'label': '专利权人',
        'children': [
          {
            'id': '221',
            'label': '答复受理通知书'
          },
          {
            'id': '222',
            'label': '答复转送文件通知书'
          },
          {
            'id': '223',
            'label': '口头审理过程中'
          },
          {
            'id': '224',
            'label': '口头审理后'
          },
          {
            'id': '225',
            'label': '其他'
          },
          {
            'id': '226',
            'label': '整个无效过程'
          }
        ]
      },
      {
        'id': '23',
        'label': '请求人',
        'children': [
          {
            'id': '231',
            'label': '请求人提出无效请求'
          },
          {
            'id': '232',
            'label': '一个月内补充意见'
          },
          {
            'id': '233',
            'label': '答复转送文件通知书'
          },
          {
            'id': '234',
            'label': '口头审理过程中'
          },
          {
            'id': '235',
            'label': '口头审理后'
          },
          {
            'id': '236',
            'label': '其他'
          },
          {
            'id': '237',
            'label': '整个无效过程'
          }
        ]
      }
    ]
  }
],
      useEvidence:
    [
      {
        'id': '1',
        'label': '本院认为/庭审质证部分提及',
        'children': [
          {
            'id': '11',
            'label': '能使用'
          },
          {
            'id': '12',
            'label': '不能使用'
          }
        ]
      },
      {
        'id': '2',
        'label': '本院认为/庭审质证部分未提及'
      },
      {
        'id': '3',
        'label': '当事人放弃'
      }
    ],
      purposeEvidence:
      [
        {
          'id': '1',
          'label': '专利法',
          'children': [
            {
              'id': '11',
              'label': 'A2.2'
            },
            {
              'id': '12',
              'label': 'A5'
            },
            {
              'id': '13',
              'label': 'A9'
            },
            {
              'id': '14',
              'label': 'A20.1'
            },
            {
              'id': '15',
              'label': 'A22.2'
            },
            {
              'id': '16',
              'label': 'A22.3'
            },
            {
              'id': '17',
              'label': 'A22.4'
            },
            {
              'id': '18',
              'label': 'A22.5'
            },
            {
              'id': '19',
              'label': 'A25'
            },
            {
              'id': '20',
              'label': 'A26.3'
            },
            {
              'id': '21',
              'label': '清楚A26.4'
            },
            {
              'id': '22',
              'label': '支持A26.4'
            },
            {
              'id': '23',
              'label': 'A26.5'
            },
            {
              'id': '24',
              'label': 'A31.1'
            },
            {
              'id': '25',
              'label': 'A33'
            },
            {
              'id': '26',
              'label': 'A2.3'
            },
            {
              'id': '27',
              'label': 'A18'
            },
            {
              'id': '28',
              'label': 'A19.1'
            },
            {
              'id': '29',
              'label': 'A29'
            },
            {
              'id': '30',
              'label': 'A38'
            },
            {
              'id': '31',
              'label': '其他'
            }
          ]
        },
        {
          'id': '4',
          'label': '专利法实施细则',
          'children': [
            {
              'id': '41',
              'label': 'R20.2'
            },
            {
              'id': '42',
              'label': 'R43.1'
            },
            {
              'id': '43',
              'label': 'R2.1'
            },
            {
              'id': '44',
              'label': 'R20.1'
            },
            {
              'id': '45',
              'label': 'R21.2'
            },
            {
              'id': '46',
              'label': 'R60.1'
            },
            {
              'id': '47',
              'label': 'R61.1'
            },
            {
              'id': '48',
              'label': 'R16'
            },
            {
              'id': '49',
              'label': 'R23'
            },
            {
              'id': '50',
              'label': 'R26.2'
            },
            {
              'id': '51',
              'label': 'R65'
            },
            {
              'id': '52',
              'label': 'R66'
            },
            {
              'id': '53',
              'label': 'R67'
            },
            {
              'id': '54',
              'label': '其他'
            }
          ]
        }
      ],
      evidenceStageWgzj:
[
  {
    'id': '21',
    'label': '复审委员会',
    'children': [
      {
        'id': '211',
        'label': '无效审查意见通知书'
      },
      {
        'id': '212',
        'label': '口头审理过程中'
      },
      {
        'id': '213',
        'label': '无效决定'
      },
      {
        'id': '214',
        'label': '其他'
      }
    ]
  },
  {
    'id': '22',
    'label': '专利权人',
    'children': [
      {
        'id': '221',
        'label': '答复受理通知书'
      },
      {
        'id': '222',
        'label': '答复转送文件通知书'
      },
      {
        'id': '223',
        'label': '口头审理过程中'
      },
      {
        'id': '224',
        'label': '口头审理后'
      },
      {
        'id': '225',
        'label': '其他'
      },
      {
        'id': '226',
        'label': '整个无效过程'
      }
    ]
  },
  {
    'id': '23',
    'label': '请求人',
    'children': [
      {
        'id': '231',
        'label': '请求人提出无效请求'
      },
      {
        'id': '232',
        'label': '一个月内补充意见'
      },
      {
        'id': '233',
        'label': '答复转送文件通知书'
      },
      {
        'id': '234',
        'label': '口头审理过程中'
      },
      {
        'id': '235',
        'label': '口头审理后'
      },
      {
        'id': '236',
        'label': '其他'
      },
      {
        'id': '237',
        'label': '整个无效过程'
      }
    ]
  }
],
      lawStyleViewData:
      [
        {
          'id': '1',
          'label': '出版物证据',
          'children': [
            {
              'id': '11',
              'label': '专利文献'
            },
            {
              'id': '12',
              'label': '书刊类出版物（带有ISBN、ISSN、国内统一刊号且通过正规渠道出版发行的书籍、期刊和杂志等）'
            },
            {
              'id': '13',
              'label': '产品样本、产品说明书类证据（包括不带有ISBN、ISSN或国内统一刊号的产品目录、产品样本、产品说明书、产品宣传册、产品宣传页等）'
            },
            {
              'id': '14',
              'label': '具有版权标识的出版物'
            },
            {
              'id': '15',
              'label': '国家标准、行业标准、地方标准、企业标准'
            },
            {
              'id': '16',
              'label': '标有“内部发行”、“内部资料”等字样的证据'
            },
            {
              'id': '17',
              'label': '非刊载于1.2、1.4类出版物上的学术论文、专业文献、研制报告、测试报告'
            },
            {
              'id': '18',
              'label': '网络'
            },
            {
              'id': '19',
              'label': '其他'
            }
          ]
        },
        {
          'id': '2',
          'label': '使用公开证据',
          'children': [
            {
              'id': '21',
              'label': '使用公开证据反映内容',
              'children': [
                {
                  'id': '211',
                  'label': '制造'
                },
                {
                  'id': '212',
                  'label': '使用'
                },
                {
                  'id': '213',
                  'label': '销售'
                },
                {
                  'id': '214',
                  'label': '进口'
                },
                {
                  'id': '215',
                  'label': '测试、实验、试用'
                },
                {
                  'id': '216',
                  'label': '广告'
                },
                {
                  'id': '217',
                  'label': '网络'
                },
                {
                  'id': '218',
                  'label': '其他'
                }
              ]
            },
            {
              'id': '22',
              'label': '使用公开证据类型',
              'children': [
                {
                  'id': '221',
                  'label': '发票'
                },
                {
                  'id': '222',
                  'label': '收据'
                },
                {
                  'id': '223',
                  'label': '单据'
                },
                {
                  'id': '224',
                  'label': '合同'
                },
                {
                  'id': '225',
                  'label': '协议'
                },
                {
                  'id': '226',
                  'label': '检测报告'
                },
                {
                  'id': '227',
                  'label': '出库单'
                },
                {
                  'id': '228',
                  'label': '运输单据'
                },
                {
                  'id': '229',
                  'label': '物流单'
                },
                {
                  'id': '230',
                  'label': '报关单'
                },
                {
                  'id': '231',
                  'label': '口头公开（各种会议、企业内部职工的建议、广播或电视节目等）'
                },
                {
                  'id': '232',
                  'label': '展示、展出（技术成果交易会、产品订货会等）'
                },
                {
                  'id': '233',
                  'label': '鉴定（样机/样品鉴定、生产定型鉴定）'
                },
                {
                  'id': '234',
                  'label': '其他'
                }
              ]
            }
          ]
        },
        {
          'id': '3',
          'label': '其他证据',
          'children': [
            {
              'id': '31',
              'label': '实验证据',
              'children': [
                {
                  'id': '311',
                  'label': '单方出具的实验证据'
                },
                {
                  'id': '312',
                  'label': '当事人委托第三方出具的实验证据'
                },
                {
                  'id': '313',
                  'label': '当事人委托鉴定机构出具的实验证据'
                },
                {
                  'id': '314',
                  'label': '合议组委托鉴定机构出具的实验证据'
                },
                {
                  'id': '315',
                  'label': '法院委托鉴定机构出具的实验证据'
                }
              ]
            },
            {
              'id': '32',
              'label': '证人证言',
              'children': [
                {
                  'id': '321',
                  'label': '发明人或申请人'
                },
                {
                  'id': '322',
                  'label': '专家证人'
                },
                {
                  'id': '323',
                  'label': '其他'
                }
              ]
            },
            {
              'id': '33',
              'label': '译文证据'
            },
            {
              'id': '34',
              'label': '公证认证文书'
            },
            {
              'id': '35',
              'label': '判决和庭审笔录、审查文书'
            },
            {
              'id': '36',
              'label': '实用新型和外观检索报告'
            },
            {
              'id': '37',
              'label': '其他'
            }
          ]
        },
        {
          'id': '4',
          'label': '其他'
        }
      ],
      form: {
        lawRoom: '',
        mainStyleNo: '',
        name: '',
        appDate: '',
        date: '',
        zhuanliArr: []
      },
      // DLJ MODIFY END
      expandAll11: false,
      expandAll12: false,
      expandAll13: false,
      // whm开始
      lawStyleViewStrF: '', // 复审证据--- 证据分类
      PurposeEvidenceStrF: '', // 复审证据--- 证据的证明目的（对应法条）
      EvidenceStrF: '', // 复审证据--- 证据阶段
      evidenceUseEvidenceF: '', // 复审证据--- 证据使用情况
      evidenceCheckStrF: ''// 复审证据--- 证据
      // whm结束
    }
  },
  computed: {
    expressionRes() {
      return `${this.EvidenceStrF}${this.lawStyleViewStrF}${this.PurposeEvidenceStrF}${this.evidenceUseEvidenceF}${this.evidenceCheckStrF}`
    }
  },
  mounted() {
    this.restaurants = this.loadAll()
  },
  methods: {
    // 节点展开
    onExpand(expandAll, tree) {
      this[expandAll] = !this[expandAll]
      // 改变每个节点的状态
      const treeArr = tree.split(',')
      console.log(treeArr)
      treeArr.forEach((item) => {
        this.changeTreeNodeStatus(expandAll, this.$refs[item].store.root)
      })
    },
    /*
       * 1. 功能说明：清除全部检索条件
       */
    clearAllSerachData() {
      console.log('---------------------- clearAllSerachData START ----------------------')

      /* 证据相关 */
      this.state = '' // 重置:[证据名称]
      this.isReadWordTrue = '' // 重置:[是否涉及到译文准确性]
      this.lawAndUnlawRadioF = '' // 重置:[证据和反证是否用于证明本申请优先权]
      this.lawAndUnlawYXRadioF = '' // 重置:[复审证据 --- 证据和反证是否涉及优先权的争议]
      this.evidenceSpaceRadioF = '' // 重置:[复审证据 --- 证据归属地]
      this.evidence3RadioF = '' // 重置:[复审证据 --- 证据三性认定结论]
      this.checkListF = [] // 重置:[复审证据 --- 证据提交方]

      this.$nextTick(() => {
        // this.$refs.useEvidenceRef.setCheckedKeys([]) // 重置:[证据使用情况]
        // this.$refs.evidenceStageRef.setCheckedKeys([]) // 重置:[[证据阶段]
        // this.$refs.lawStyleViewDataRef.setCheckedKeys([]) // 重置:[证据分类]
        this.$refs.lawStyleViewDataRefF.setCheckedKeys([]) // 重置:[复审证据-证据分类]
        this.$refs.purposeEvidenceRefF.setCheckedKeys([]) // 重置:[复审证据-证据的证明目的（对应法条）]
        this.$refs.evidenceStageRefF.setCheckedKeys([]) // 重置:[复审证据-证据阶段]
        this.$refs.evidenceUseEvidenceRefF.setCheckedKeys([]) // 重置:[复审证据-证据使用情况]

        // this.$refs.evidenceThreeReultListRef.setCheckedKeys([]) // 重置:[证据三性认定结论]
        // this.$refs.purposeEvidenceRef.setCheckedKeys([]) // 重置:[证据的证明目的（对应法条）]
        // this.$refs.evidenceStageWgzjRef.setCheckedKeys([]) // 重置:[证据提出阶段（外观证据）]
        // this.$refs.evidenceUseEvidenceRef.setCheckedKeys([]) // 重置:[证据的证明目的]
        // this.$refs.evidenceUseEvidenceWxzjRef.setCheckedKeys([]) // 重置:[无效证据-证据阶段]
        this.lawStyleViewStrF = ''//  重置:[复审证据--- 证据分类表达式]
        this.PurposeEvidenceStrF = ''//  重置:[复审证据--- 证据的证明目的（对应法条）表达式]
        this.EvidenceStrF = ''// 重置:[复审证据--- 证据阶段表达式]
        this.evidenceUseEvidenceF = ''// 重置:[复审证据--- 证据使用情况表达式]
        this.evidenceCheckStrF = ''// 重置:[复审证据--- 证据复选框单选框表达式]
      })

      /* 著录项 */
      this.form.mainStyleNo = '' // 重置:[主分类号]
      this.form.lawRoom = '' // 重置:[案源处室]
      this.form.date = '' // 重置:[决定日]
      this.form.appDate = '' // 重置:[申请日]
      this.form.name = '' // 重置:[全文关键字]

      console.log('---------------------- clearAllSerachData END ----------------------')
    },
    // 改变节点的状态
    changeTreeNodeStatus(expandAll, node) {
      node.expanded = this[expandAll]
      for (let i = 0; i < node.childNodes.length; i++) {
        // 改变节点的自身expanded状态
        node.childNodes[i].expanded = this[expandAll]
        // 遍历子节点
        if (node.childNodes[i].childNodes.length > 0) {
          this.changeTreeNodeStatus(expandAll, node.childNodes[i])
        }
      }
    },
    // 搜索提示
    loadAll() {
      return [
        { value: '申请号', address: '4' },
        {
          value: '主分类号',
          address: '2'
        }
      ]
    },
    querySearchAsync(queryString, cb) {
      var restaurants = this.restaurants
      var results = queryString
        ? restaurants.filter(this.createStateFilter(queryString))
        : restaurants

      clearTimeout(this.timeout)
      this.timeout = setTimeout(() => {
        cb(results)
      }, 3000 * Math.random())
    },
    createStateFilter(queryString) {
      return (state) => {
        return (
          state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
        )
      }
    },
    handleSelect(item) {
      console.log(item)
    },
    // 树状图
    handleCheckChange(data, checked, indeterminate) {
      console.log(data, checked, indeterminate)
    },
    // 复选框--单选框
    checkedChange(dataTree) {
      const checkedText = {
        checkList: '证据提交方',
        lawAndUnlawRadio: '证据和反证是否用于证明本申请优先权',
        lawAndUnlawYXRadio: '证据和反证是否涉及优先权的争议',
        evidence3Radio: '证据三性认定结论',
        evidenceSpaceRadio: '证据归属地'
      }
      const radioObj = {
        lawAndUnlawRadio: ['否', '是'],
        lawAndUnlawYXRadio: ['否', '是'],
        evidence3Radio: ['否', '是', '未发表意见'],
        evidenceSpaceRadio: ['国外、港澳台地区', '国内']
      }
      for (const key in dataTree) {
        let dataTreeStr = ''
        if (Array.isArray(dataTree[key])) {
          if (dataTree[key].length !== 0) {
            let result = ''
            dataTree[key].forEach((item, idx) => {
              result += "'" + item + "',"
            })
            result = result.substring(0, result.length - 1)
            dataTreeStr += `and{(${checkedText[key]}=${result})}`
            this.evidenceCheckStrF += dataTreeStr
          }
        } else {
          if (dataTree[key] !== '') {
            let res = ''
            res += "'" + radioObj[key][dataTree[key]] + "',"
            res = res.substring(0, res.length - 1)
            dataTreeStr += `and{(${checkedText[key]}=${res})}`
            this.evidenceCheckStrF += dataTreeStr
          }
        }
      }
    }, // 复审证据
    evidenceF(val) {
      this.evidenceCheckStrF = ''
      console.log('----evidenceF-------------', val)
      const evidenceFData = {
        checkList: this.checkListF,
        lawAndUnlawRadio: this.lawAndUnlawRadioF,
        lawAndUnlawYXRadio: this.lawAndUnlawYXRadioF,
        evidence3Radio: this.evidence3RadioF,
        evidenceSpaceRadio: this.evidenceSpaceRadioF
      }
      this.checkedChange(evidenceFData)
      console.log('----evidenceF-------------', evidenceFData)
      console.log('----aa-------------', this.evidenceCheckStrF)
    },
    // 树形数据处理
    treeFilter(allTreeChecked, name) {
      // 所有子节点
      allTreeChecked = allTreeChecked.filter((item) => {
        if (item['children'] === undefined || item['children'].length === 0) {
          return item
        }
      })
      // 表达式
      let resultChecked = ''
      allTreeChecked.forEach((item) => {
        resultChecked += "'" + item.label + "',"
      })
      resultChecked = resultChecked ? `and{(${name} = ${resultChecked.replace(/\,$/, '')})}` : ''
      return resultChecked
    },
    // 复审证据  证据使用情况
    handleCheckChangeEvidenceUseF() {
      const allTreeChecked = this.$refs.evidenceUseEvidenceRefF.getCheckedNodes()
      this.evidenceUseEvidenceF = this.treeFilter(allTreeChecked, '证据使用情况')
    },
    // 复审证据  证据-证据阶段
    handleCheckChangeEvidenceF() {
      const allTreeChecked = this.$refs.evidenceStageRefF.getCheckedNodes()
      this.EvidenceStrF = this.treeFilter(allTreeChecked, '证据阶段')
    },
    // 复审证据  证据分类
    handleNodeClickLawStyleViewF(data) {
      // 当前选中的所有节点
      const allTreeChecked = this.$refs.lawStyleViewDataRefF.getCheckedNodes()
      this.lawStyleViewStrF = this.treeFilter(allTreeChecked, '证据分类')
    }, // 复审证据  证据的证明目的（对应法条）
    handleCheckChangePurposeEvidenceF() {
      const allTreeChecked = this.$refs.purposeEvidenceRefF.getCheckedNodes()
      this.PurposeEvidenceStrF = this.treeFilter(allTreeChecked, '证据的证明目的（对应法条）')
    },
    // 复审证据   著录项
    searchChangeF() {
      let resultSearch = ''
      const searchList = {
        categoryNo: '主分类号',
        applyDay: '申请日',
        room: '案源处室',
        keyword: '全文关键字',
        decideDay: '决定日'
      }
      for (const key in this.search) {
        if (Array.isArray(this.search[key])) {
          // 数组
          let decideDay = ''
          this.search[key].forEach((item) => {
            decideDay += `'${item}',`
          })
          resultSearch += `${searchList[key]}=[${decideDay.replace(/\,$/, '')}]and`
        } else {
          if (this.search[key] !== '') {
            resultSearch += searchList[key] + "='%" + this.search[key] + "%'and"
          }
        }
      }
      resultSearch = resultSearch ? `[${resultSearch.replace(/and$/, '')}]` : resultSearch
      this.searchDataText = resultSearch
    },
    // 提交
    onSubmit() {
      console.log('submit!')

      this.$axios.post(process.env.VUE_APP_SEARCH_API + '/evidence/buildSearch', { params: { keyWord: '', dataSource: this.paneName, exp: '' }}
      ).then((response) => {
        if (response.data && response.data.code && response.data.code == '200') {
          console.log('--------------  searchData Ok ---------------')
          // this.patentTreeData = response.data.data;

          // 跳转到[概览]列表显示界面
          this.$router.push({ name: 'listPages', params: { userId: '' }})
        }
      }).catch((error) => {
        console.log('--------------  searchData Error ---------------') // 错误日志
        console.log(error.msg)
        // this.$message.error(error.msg)                                                 // 因为前台做了统一返回拦截，这里不需要弹出提示框；
      })
    }
  }

}
</script>
<style lang="scss">
$main-color: #303133;
$blue-color: #2d54b8;
$border-color: #dcdfe6;
.evidence-content {
  .el-tabs--border-card {
    border: 0;
    border-radius: 6px;
    box-shadow: none;
  }
  .el-tabs__item {
    padding: 0 14px;
  }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item {
    border: 1px solid $border-color;
    margin-top: 0;
    color: $blue-color;
    border-radius: 6px 6px 0 0;
    margin-right: 10px;
    border-bottom: 0;
    background-color: #ebeef5;
    font-size: 16px;
  }
  .el-tabs--border-card > .el-tabs__header {
    background-color: #f7f7f7;
    margin-top: -1px;
    border-bottom: 1px solid $border-color;
  }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    color: $main-color;
    background-color: #fff;
  }
  .el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item,
  .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
    margin-left: 0;
  }
  .el-tabs--border-card > .el-tabs__content {
    border-left: 1px solid $border-color;
    border-right: 1px solid $border-color;
    border-bottom: 1px solid $border-color;
    padding: 20px;
  }
}
.evidence-content {
  .evidence-form {
    margin-top: 20px;
  }
  .el-input__inner {
    height: 36px;
    line-height: 36px;
    border: 1px solid $border-color;
    background-color: #fafafa;
    font-size: 16px;
  }
  .el-date-editor .el-range-input,
  .el-date-editor .el-range-separator {
    background-color: #fafafa;
    font-size: 16px;
  }
  .el-date-editor .el-range-input {
    width: 43%;
  }
}
.evidence-submit-btn {
  .el-form-item__content {
    font-size: 16px;
    text-align: center;
    margin: 0 auto !important;
  }
  .el-button {
    padding: 10px 12px;
    color: $main-color;
    i {
      margin-right: 10px;
    }
  }
  .el-button--primary {
    padding-left: 80px;
    padding-right: 80px;
    color: #ffffff;
  }
}
.evidence-content {
  margin-top: 20px;
  .el-form-item {
    min-height: 40px;
    margin-bottom: 18px;
  }
  .el-form-item__label,
  .el-input__inner {
    font-size: 14px;
    color: $main-color;
    font-weight: normal;
  }
  .el-range-editor.el-input__inner {
    width: 100%;
  }
}
.evidence-main-form-item-con {
  .el-checkbox {
    float: left;
  }
  .legal-pane__card {
    width: 570px;
    border-color: #dedfe6 !important;

    &--arrow {
      transform: rotate(90deg);
    }
  }
}
.evidence-main-form-item-conner {
  .el-tree-node__label,
  .el-radio__label {
    font-size: 14px;
  }
  ::-webkit-scrollbar {
    width: 5px;
    height: 110px;
    background-color: #dcdfe6;
  }
  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
    border-radius: 10px;
    background-color: #fff;
  }
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #dcdfe6;
    background-color: #dcdfe6;
  }
}
.evidence-main-item {
  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: $blue-color;
    border-color: $blue-color;
  }
  .el-card {
    border: 0;
    border-top: 1px solid #e3e6ed;
    border-bottom: 1px solid #e3e6ed;
    padding: 6px 0;
  }
  .evidence-main-form-item-content .el-card {
    border: 0;
  }
  .el-card__body {
    padding: 0;
  }
  .el-tree-node__content {
    height: 32px !important;
    line-height: 32px;
  }
}
</style>
<style lang="scss" scoped>
$main-color: #303133;
$blue-color: #2d54b8;
$border-color: #dcdfe6;
.evidence-wrapper,
button,
input,
optgroup,
select,
textarea {
  font-family: "PingFang SC", Microsoft YaHei, Arial, sans-serif !important;
}
.evidence-wrapper {
  margin: 0 auto;
  width: 1200px;
  overflow: hidden;
  color: $main-color;
  font-size: 14px;
}
.evidence-title {
  margin-top: 20px;
  overflow: hidden;
  .evidence-title-l {
    font-size: 22px;
    float: left;
  }
}
.evidence-filter-title {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  height: 16px;
  line-height: 16px;
  padding-left: 14px;
  &::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 4px;
    height: 100%;
    background-color: $blue-color;
  }
}
.evidence-filter {
  .evidence-filter-params {
    margin: 20px 0 0 14px;
    overflow: hidden;
    .evidence-filter-params-label {
      float: left;
      margin-right: 14px;
      height: 36px;
      line-height: 36px;
      color: #606266;
      font-size: 14px;
    }
  }
  .evidence-filter-params-t {
    .el-autocomplete {
      float: left;
      margin-right: 20px;
      width: 60%;
    }
    .el-button {
      float: left;
      margin: 0 20px 0 0;
      padding: 10px 20px;
      font-size: 14px;
    }

    i {
      margin-right: 10px;
    }
  }

  .evidence-filter-tips {
    margin: 20px 0 0 14px;
    background-color: #ebeef5;
    color: $blue-color;
    max-height: 200px;
    overflow: auto;
    line-height: 1.5;
    padding: 10px 20px;
    font-size: 14px;
    .evidence-filter-tips-text {
      float: left;
    }
    .evidence-filter-tips-edit {
      float: right;
      color: $blue-color;
      cursor: pointer;
      i {
        margin-right: 10px;
        font-size: 14px;
      }
      &:hover,
      &:focus {
        color: #5176c1;
      }
    }
  }
}
.evidence-content {
  position: relative;
  .evidence-more-btn {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    color: $blue-color;
    font-size: 14px;
    i {
      margin-left: 10px;
      transform: rotate(-90deg);
      font-size: 12px;
      font-weight: 700;
    }
  }
}
.evidence-body {
  margin: 0 0 10px 0;
  .evidence-submit-btn {
    margin-bottom: -10px;
  }
  .evidence-item {
    margin-bottom: 20px;
  }
}
// 中间内容
.evidence-main {
  margin: 20px auto;
}
.evidence-main-item {
  border: 1px solid #dbdee5;
  overflow: hidden;
  .evidence-main-title {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dbdee5;
    .evidence-main-title-l {
      float: left;
    }
    .evidence-main-title-r {
      float: right;
      color: $blue-color;
      i {
        margin-left: 8px;
      }
      &:hover {
        cursor: pointer;
        color: #409eff;
      }
      &.is-active {
        i {
          transform: rotate(180deg);
        }
      }
    }
  }
  .evidence-main-form {
    margin: 10px 20px;
  }
  .evidence-main-form-item {
    line-height: 34px;
    overflow: hidden;
    .evidence-main-form-item-label {
      float: left;
    }
    .evidence-nofloat {
      float: none;
    }
    .evidence-main-form-item-con {
      color: #616266;
      float: left;
      margin-left: 12px;
    }
    .evidence-main-form-item-conner {
    }
  }
}
</style>
